<div data-role="page">
    <div data-role="header">
        <a href="#" data-rel="back" class="ui-btn ui-icon-arrow-l ui-btn-icon-left ui-shadow">返回</a>
        <h1>相机插件</h1>
    </div>
    <div role="main" class="ui-content">
        <p>cordova-plugin-camera 插件</p>
        <div data-role="collapsible">
            <h1>调起相机拍照</h1>
            <button  onclick="openCamera()" class="ui-btn ui-btn-a">打开相机</button>
            <img id="imgInfo1" width="100%"></img>
        </div>

        <div data-role="collapsible">
            <h1 >选择照片</h1>
            <button  onclick="openPhoto()" class="ui-btn ui-btn-a">选择一张照片</button>
            <img id="imgInfo2"  width="100%"></img>
        </div>

        <div data-role="collapsible">
            <h1>选择视频</h1>
            <button  onclick="selectVod()" class="ui-btn ui-btn-a">点击选择视频</button>
            <div class='prism-player' id="vodId2">
                <div class="play-button" style="background: black; no-repeat center top; background-size:auto 100%;">
                    <img src="../img/play.png"  ng-click="playVod('vodId2')" />
                </div>
            </div>
        </div>
    </div>
</div>